<template>
  <!-- 异动提醒 -->
  <scroller class="scroller" ref="scroller" resize="none" @rightBtn="rightBtn">
    <div class="wrapper bg2">
      <div>
        <text class="font36 fonz text2 mb20">{{ T('急涨急跌') }}</text>
        <text class="font24 text3">{{ T('当币种在5分钟内剧烈波动时发送提醒') }}</text>
      </div>
      <div class="row jend">
        <div class="btn" @click="clickRiseFall">
          <text class="font26 main-t1">{{ T('添加预警') }}</text>
        </div>
      </div>
    </div>
    <div class="wrapper bg2">
      <div>
        <text class="font36 fonz text2 mb20">{{ T('爆仓提醒') }}</text>
        <text class="font24 text3">{{ T('当主流交易所在特定周期内大额爆仓时发送提') }}</text>
      </div>
      <div class="row jend">
        <div class="btn" @click="clickLiquidation">
          <text class="font26 main-t1">{{ T('添加预警') }}</text>
        </div>
      </div>
    </div>
    </div>
  </scroller>
</template>

<style src="@/_css/style.css" ></style>
<style scoped>
  .scroller {
    display: flex;
    flex-direction: column;
  }
  .refresh {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 750px;
    height: 80px;
  }
  .wrapper {
    display: flex;
    margin: 20px 30px;
    padding: 40px;
    flex-direction: column;
    justify-content: space-between;
    height: 280px;
  }
  .btn {
    border-color: #1677fe;
    border-width: 1px;
    border-radius: 8px;
    height: 54px;
    justify-content: center;
    align-items: center;
    padding: 0 22px;
  }
</style>

<script>
  import jconfig from "@/_js/config";
  import jmodal from "@/_js/modal";
  import jdebug from "@/_js/debug";
  import jhttps from "@/_js/https";
  import jnavigator from "@/_js/navigator";
  const clipboard = weex.requireModule("clipboard");

  const animation = weex.requireModule("animation"); //动画
  const domModule = weex.requireModule("dom");
  const stream = weex.requireModule("stream"); //网络请求
  const weexFunction = weex.requireModule("WeexFunction");
  import I18N from "@/_i18n/i18n";
  var T = I18N.t;
  weexFunction.setTitle(T("异动提醒"));
  weexFunction.setRightBtn(T("历史异动"));
  export default {
    components: {},

    data() {
      return {
        Config: jconfig,
        T: T,
        isRefresh: false, //显示刷新
      };
    },

    created() {},

    mounted() {
      this.httpLoadData();
    },

    methods: {
      /********************************** 点击*/
      //历史异动
      rightBtn() {
        jnavigator.open("", "aide/historyRecord", {});
      },
      clickRiseFall() {
        jnavigator.open("", "aide/riseFallList", {});
      },
      clickLiquidation() {
        jnavigator.open("", "aide/liquidationList", {});
      },
    },
  };
</script>